<?php
$db = $this->db;
$mParent = $this->mPadres;
$builder = $mParent->builder;
$tabs = $db->query_select('cllg_table_tab', "TABLE_NAME='$mParent->table'");
?>
<form id="<?php echo $mParent->formName; ?>" name="<?php echo $mParent->formName; ?>" method="post" action="<?php echo CORE_PATH; ?>">
    <input type="hidden" id="module" name="module" value="<?php echo $this->instanceName; ?>" />
    <div id="mant_head">
        <div id="titulo">Padre de Familia</div>
        <div id="botones">
            <button id="cmdOk" type="button" onclick="doSubmit('operation=s');">
                <img alt=""  src="imgv2/actions/document-save.png" />
            </button>
            <button id="cmdCancel" type="button" onclick="doSubmit('')">
                <img alt=""  src="imgv2/actions/window-close.png" />
            </button>
        </div>
    </div>
    <div id="tabs">
        <ul>
            <li><a href="#tab1">INFORMACION PRINCIPAL</a></li>
            <?php
            foreach ($tabs as $t) {
                $ix = $t["ID"];
                $tabId = "_tab_" . $ix;
            ?>
                <li ><a href="#<?php echo $tabId; ?>"><?php echo $t["CAPTION"]; ?></a></li>
            <?php
            }
            ?>
        </ul>
        <div class="form-container" id="tab1">
            <fieldset title="FAMILIAR #1">
                <input name="ID" readonly="readonly" value="0" type="hidden" id="ID"  />
                <div>
                    <label for="DOCTO_ID">* Tipo Identificación:</label>
                    <select name="DOCTO_ID" size="1" id="DOCTO_ID">
                        <option value="C">Cedula</option>
                        <option value="L">Licencia</option>
                        <option value="P">Pasaporte</option>
                    </select>
                </div>
                <div>
                    <label for="NUMERO_ID">* Identificación:</label>
                    <input name="NUMERO_ID" type="text" id="NUMERO_ID"  />
                </div>
                <div>
                    <label for="RELACION">* Relación Familiar:</label>
                    <select name="RELACION" size="1" id="RELACION">
                        <option selected="selected" value="P">PADRE</option>
                        <option value="M">MADRE</option>
                        <option value="T">TIO(A)</option>
                        <option value="A">ABUELO(A)</option>
                        <option value="H">HERMANO(A)</option>
                    </select>
                </div>
                <div>
                    <label for="NOMBRE_A">* Nombres:</label>
                    <input name="NOMBRE_A" type="text" value="" id="NOMBRE_A" size="50" maxlength="100" /></div>
                <div>
                    <label for="DOCTO_ID">* Apellidos:</label>
                    <input name="APELLIDO_A"  type="text" id="APELLIDO_A" size="50" maxlength="100" /></div>
                <div>
                    <label for="SEXO">* Sexo:</label>
                    <select name="SEXO" size="1" id="SEXO">
                        <option value="M">Masculino</option>
                        <option value="F">Femenino</option>
                    </select>
                </div>
                <div>
                    <label for="FEC_NAC">* Fecha Nacimiento:</label>
                    <input name="FEC_NAC" type="text" id="FEC_NAC" />
                    <input name="STATUS" type="hidden" id="STATUS" value="1" />
                </div>
            </fieldset>
            <fieldset title="FAMILIAR #2">
                <div>
                    <label for="DOCTO_ID_C">Tipo Identificación:</label>
                    <select name="DOCTO_ID_C" size="1" id="DOCTO_ID_C">
                        <option value="C">Cedula</option>
                        <option value="L">Licencia</option>
                        <option value="P">Pasaporte</option>
                    </select>
                </div>
                <div>
                    <label for="NUMERO_ID_C">Identificación:</label>
                    <input name="NUMERO_ID_C" type="text" id="NUMERO_ID_C"  />
                </div>
                <div>
                    <label for="RELACION_C">Relación Familiar:</label>
                    <select name="RELACION_C" size="1" id="RELACION_C">
                        <option selected="selected" value="P">PADRE</option>
                        <option value="M">MADRE</option>
                        <option value="T">TIO(A)</option>
                        <option value="A">ABUELO(A)</option>
                        <option value="H">HERMANO(A)</option>
                    </select>
                </div>
                <div>
                    <label for="NOMBRE_C">Nombres:</label>
                    <input name="NOMBRE_C" type="text" value="" id="NOMBRE_C" size="50" maxlength="100" /></div>
                <div>
                    <label for="DOCTO_ID_C">Apellidos:</label>
                    <input name="APELLIDO_C"  type="text" id="APELLIDO_C" size="50" maxlength="100" /></div>
                <!--
                <div>
                    <label for="SEXO_C">Sexo:</label>
                    <select name="SEXO_C" size="1" id="SEXO_C">
                        <option value="M">Masculino</option>
                        <option value="F">Femenino</option>
                    </select>
                </div> -->
                <div>
                    <label for="FEC_NAC_C">Fecha Nacimiento:</label>
                    <input name="FEC_NAC_C" type="text" id="FEC_NAC_C" />
                    <input name="STATUS_C" type="hidden" id="STATUS_C" value="1" />
                </div>                
            </fieldset>
            <div id="otrosdatos" style=" width: 98%; height: 260px;">
                <div style="width: 45%; float: left;">
                    <table id="hijos"></table>
                </div>
                <div id="pag"></div>
                <div id="alumnos" class="sublist" style="width: 45%; float: left;">
                    <table id="lstalumnos"></table><div id="alpag"></div>
                </div>
                <script type="text/javascript" >
                    var path=AJAX_CORE_URL+"&operation=listhijos";
                    crearTabla("#hijos","#pag",null,path,"Hijo(a)s",true);
                    jQuery("#hijos").jqGrid('navGrid','#pag',{edit:false,add:false,del:false});
                    jQuery("#t_hijos").css("height","80px;");
                    jQuery("#t_hijos").append("<input type='button' id='addH' value='Agregar' style='height:20px; font-size:9px;'/>");
                    jQuery("#t_hijos").append("<input type='button' id='delH' value='Quitar' style='height:20px; font-size:9px;'/>");
                    jQuery("#delH").click(function(){ delHijo(); });
                    jQuery("#addH").click(function(){ loadTodos(); });
                </script>
                <script type="text/javascript" >jQuery("#alumnos").hide();</script>
            </div>
        </div>
        <?php
            foreach ($tabs as $t) {
                $ix = $t["ID"]; ?>
                <div id="<?php echo $ix; ?>"  class="TabbedPanelsContent">
                    <div class="form-container" id="_tab_<?php echo $ix; ?>">
                        <fieldset>
                    <?php
                    $builder->build($mParent->table, NULL, $t['ID']);
                    ?>
                </fieldset>
            </div>
            <?php
                }
            ?>
        </div>
    </div>
    <script type="text/javascript">
        jQuery("#tabs").tabs();
    </script>
</form>
